@charset "utf-8";
/* CSS Document */
ol, ul {
    list-style: none outside none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/*  body  */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}
.page header{
	width:100%;
	background-color:#39C;
}
.head{
	max-width:1200px;
	min-width:240px;
	margin:auto;
		position:relative;
}
.ul-head{
	float:right;	
}
.ul-head li{
	float:left;
	margin:10px;
	font-size:20px;
	color:#00FFFF;
}
.ul-head li a{
	cursor:pointer;	
}
.toppic{
	width:100%;	
	text-align:center;
}
.toppic h3{
	color:#FFF;
	font-size:30px;	
	padding-bottom: 10px;
    padding-top: 10px;
}
.submenu{
	position:absolute;
	bottom:10px;
	right:0px;
	display:none;	
}
.toggle{
	background:none repeat scroll 0 0 rgba(232, 232, 232, 0.9);
	border-radius:5px;
	box-shadow:2px 2px rgba(0, 0, 0, 0.15);
	display:block;
	cursor:pointer;
	height:40px;
	width:60px;
}
.main{
	width:1200px;
	max-width:100%;
	margin:auto;
	clear:both;	
	overflow:hidden;
}
.article{
	width:70%;
	float:left;		
}
.content{
	width:100%;
}
.content h2{
	color:#c3c3c3;
	font-size:20px;	
	margin-bottom:10px;
}
.content .col-1{
	width:50%;
	float:left;
}
.extra-2-col-1{
	margin-top:20px;	
}

.extra-2-col-1 > img {
    float: left;
	margin-right:5px;
}
.col-2{
	float:right;
	width:50%;	
	overflow:hidden;
}
.side-show{
	margin-top:10px;	
}
.advan{
	width:30%;
	float:right;
}
.sidebar-list li{
	margon-bottom:15px;
	padding:10px;	
}
.advan2 {
	border:solid 1px #900;
	border-radius:5px;	
}
.sidebar-list h2{
	text-transform:uppercase;
	color:#FF0000;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.advan {
    float: left;
    width: 100%;
}

.article {
    float: left;
    width: 100%;
}	
}
@media only screen and (max-width: 767px) {
	
.col-2 {
    float: left;
    overflow: hidden;
    width: 100%;
}

.content .col-1 {
    float: left;
    width: 100%;
}
.article {
    float: left;
    width: 100%;
}

.advan {
    float: none;
    width: 100%;
}	
#nav{
	display:none;	
}
.submenu{
	display:block !important;	
}
}